<template>
	<view class="content">
		<view class="box">
			<view class="uls"> 
				<view class="lis"  style="background:#550303;"  @click='push_user'>
					<!-- <uni-ic`ons type="color-filled" size="40" color="#fff"></uni-icons> -->
					<text class="text">用户管理</text>
				</view>
				 <view class="lis"  style="background:#550303;"  @click='push_roles'>
				 	<!-- <uni-ic`ons type="color-filled" size="40" color="#fff"></uni-icons> -->
				 	<text class="text">角色管理</text>
				 </view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			
			push_user(){
				uni.navigateTo({
					url: "user_list"
				})
			},
			push_roles(){
				uni.navigateTo({
					url: "roles_list"
				})
			}
			
			
		}
	}
</script>

<style scoped>
	.content {
		padding: 25rpx;
		box-sizing: border-box;
	}
	
	.box{
		width: 100%;
		box-sizing: border-box;
	}
	
	.box text.tit{
		font-size:34rpx;
		font-weight:bold;
		display: block;
		margin-bottom:20rpx;
	}
	
	.uls{
		width: 100%;
		display:grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 20rpx;
	}
	
	.uls .lis{
		height:100rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20rpx 0;
		text-align: center;
		border-radius: 10rpx;
	}
	
	.uls .lis text{
		color: #fff;
		font-size: 34rpx;
		margin-left:15rpx;
	}

</style>